<template>
  <div class="base-info">
    <BasicForm @register="registerForm" />
  </div>
</template>

<script lang="ts" name="BasicInfo">
  import { defineComponent } from 'vue';

  import { BasicForm, useForm } from '/@/components/Form/index';

  import { basicInfoFormSchema } from './basic.data';

  export default defineComponent({
    name: 'BasicInfo',
    components: { BasicForm },
    setup() {
      const [registerForm, { validate, resetFields, setFieldsValue, updateSchema }] = useForm({
        labelWidth: 120,
        schemas: basicInfoFormSchema,
        showActionButtonGroup: false,
      });
      return {
        validate,
        updateSchema,
        setFieldsValue,
        registerForm,
        resetFields,
      };
    },
  });
</script>
<style lang="less" scoped>
  .base-info {
    padding: 20px 0 0 24px;
    width: 55%;
  }
</style>
